<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">	
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <!--<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">-->
		<title>Ou Lai Man首页</title>
		<link rel="stylesheet" href="./css/base.css" />
		<link rel="stylesheet" href="./link/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="./css/index.css" />
	</head>
	<body>
		<!--header start-->
		<header>
			<div class="w clearfix">
				<div class="header_top">
					<ul class="f_right">
						<li>
							<a href="javascript:void(0)">登录</a>|<a href="javascript:void(0)">注册</a>
						</li>
						<li><a href="javascript:void(0)">购物车</a></li>
						<li><a href="javascript:void(0)">中文</a>|<a href="javascript:void(0)">EN</a></li>
					</ul>
				</div>
				<div class="header_bottom">
					<a class="olm_logo">
						<img src="./images/logo.png" alt="" />
					</a>
					<nav class="olm_nav navbar navbar-default f_right">
					  <div class="container-fluid">
					    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					      <ul class="nav navbar-nav">
					        <li class="active m_r10"><a href="index.html">首页 <!--<span class="sr-only">(current)</span>--></a></li>
					        <li class="m_l10 m_r10"><a href="javascript:void(0)">新娘婚纱</a></li>
					        <li class="m_l10 m_r10"><a href="activity.html">最新活动</a></li>
					        <li class="m_l10 m_r10"><a href="news.html">新闻</a></li>
					        <li class="m_l10 m_r10"><a href="javascript:void(0)">服务</a></li>
					        <li class="m_l10 m_r10"><a href="order.html">在线预约</a></li>
					        <li class="m_l10"><a href="javascript:void(0)">联系我们</a></li>
					      </ul>
					    </div>
					  </div>
					</nav>
				</div>
				
			</div>
		</header>
		<!--header end-->
		
		<!--banner start-->
		<div class="olm_banner">
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			  <ol class="carousel-indicators">
			    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
			  </ol>
			  <div class="carousel-inner" role="listbox">
			    <div class="item active">
			      <img src="./images/banner1.jpg" alt="">
			    </div>
			    <div class="item">
			      <img src="./images/banner2.jpg" alt="">
			    </div>
			    <div class="item">
			      <img src="./images/banner3.jpg" alt="">
			    </div>
			    <div class="item">
			      <img src="./images/banner4.jpg" alt="">
			    </div>
			  </div>
			  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
			    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			    <!--<span class="sr-only">Previous</span>-->
			  </a>
			  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
			    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			    <!--<span class="sr-only">Next</span>-->
			  </a>
			</div>
		</div>
		<!--banner end-->
		
		<!--search start-->
		<div class="olm_search">
			<div class="w">
				<div class="search">
					<input type="text" value="请输入关键字·······" />
					<button class="glyphicon glyphicon-search"></button>
				</div>
				<div class="keyword">
					<span>热门关键字：</span>
					<a href="javascript:void(0)">新娘婚纱</a>|
					<a href="javascript:void(0)">精美配饰</a>|
					<a href="javascript:void(0)">最新推荐</a>|
					<a href="javascript:void(0)">冬季新品</a>|
					<a href="order.html">预约试衣</a>
				</div>
			</div>
		</div>
		<!--search end-->
		
		<!--recommend start-->
		<div class="olm_recommend">
			<div class="w">
				<div class="olm_rcm_title clearfix">
					<div class="title active">
						<div></div>
						<div>
							<p>NEW ARRIVALS</p>
							<p>新品推荐</p>
						</div>
					</div>
					<div class="title">
						<div></div>
						<div>
							<p>NEW ARRIVALS</p>
							<p>冬季推荐</p>
						</div>
					</div>
				</div>
				<div class="olm_rcm_info clearfix">
					<div class="f_left">
						<a href="javascript:void(0)">
							<img src="./images/rcm1.png" alt="" />
						</a>
						<span class="f_left">彼岸花婚纱</span>
						<span class="f_right">
							<i class="m_r10">价格</i>
							<i>2063</i>
							<i>RMB</i>
						</span>
					</div>
					<div class="f_right">
						<a href="javascript:void(0)">
							<img src="./images/rcm2.png" alt="" />
						</a>
						<span class="f_left">花之韵婚纱</span>
						<span class="f_right">
							<i class="m_r10">价格</i>
							<i>2093</i>
							<i>RMB</i>
						</span>
					</div>
				</div>
			</div>
		</div>
		<!--recommend end-->
		
		<!--info start-->
		<div class="olm_info">
			<div class="w">
				<div class="olm_info_top clearfix">
					<div>
						<a href="javascript:void(0)">
							<img src="./images/info_top.png" alt="" />
						</a>
					</div>
					<div class="top_info">
						<a href="javascript:void(0)">
							<img src="./images/info_top1.png" alt="" />
						</a>
						<p>齐地婚纱</p>
						<p>1200RMB</p>
					</div>
					<div class="top_info">
						<a href="javascript:void(0)">
							<img src="./images/info_top2.png" alt="" />
						</a>
						<p>鱼尾婚纱</p>
						<p>1200RMB</p>
					</div>
					<div class="top_info">
						<a href="javascript:void(0)">
							<img src="./images/info_top3.png" alt="" />
						</a>
						<p>拖尾婚纱</p>
						<p>1200RMB</p>
					</div>
				</div>
				<div class="olm_info_bottom clearfix" id="olm_info_bottom">
					<div class="bottom_info">
						<a href="javascript:void(0)">
							<img src="./images/info_bottom1.png" alt="" />
						</a>
						<p>新娘配饰</p>
						<p>500RMB</p>
					</div>
					<div class="bottom_info">
						<a href="#olm_info_bottomjavascript:void(0)">
							<img src="./images/info_bottom2.png" alt="" />
						</a>
						<p>新娘配饰</p>
						<p>500RMB</p>
					</div>
					<div class="bottom_info active">
						<a href="javascript:void(0)">
							<img src="./images/info_bottom3.png" alt="" />
						</a>
						<p>新娘配饰</p>
						<p>500RMB</p>
					</div>
					<div>
						<a href="javascript:void(0)">
							<img src="./images/info_bottom.png" alt="" />
						</a>
					</div>
				</div>
			</div>
		</div>
		<!--info end-->
		
		<!--our start-->
		<div class="olm_our">
			<div class="w">
				<div class="olm_our_top">
					<h3>品牌介绍</h3>
					<span>
						一家集婚纱礼服设计、生产和销售为一体的专业公司，集了包括婚纱、礼服、配饰在内的众多产品，为您提供专业个性化量身定制和租售服务。用独特的设计、惊喜的手工和面料打造属于您的独一无二的完美婚纱。我们提供的是一对一服务，注重服务沟通，共同见证你们圣洁、幸福、浪漫的爱情故事，圆每个女孩心中新娘的梦······深圳欧莱曼婚纱有限公司是一家集设计、生产、销售于一体化的婚纱企业。在生产方面，拥有专为婚纱设计人员、高级婚纱礼服制版师和裁剪师，同时培养了一批精干的高素质的婚纱礼服服务队伍。
					</span>
				</div>
				<div class="olm_our_bottom clearfix">
					<div>
						<span>电话</span>
						<span>4009-700-866</span>
					</div>
					<div>
						<span>邮编</span>
						<span>7100000</span>
					</div>
					<div>
						<span>微信</span>
						<span>鼠标轻移扫一扫</span>
					</div>
				</div>
			</div>
		</div>
		<!--our end-->
		
		<!--footer start-->
		<footer>
			<div class="footer_olm_know">
				<a href="javascript:void(0)">
					了解更多
					<s class="glyphicon glyphicon-arrow-right"></s>
				</a>
				
			</div>
			<div class="footer_olm_info">
				<a href="index.html">首页</a>|
				<a href="javascript:void(0)">新娘婚纱</a>|
				<a href="activity.html">最新活动</a>|
				<a href="news.html">新闻</a>|
				<a href="javascript:void(0)">服务</a>|
				<a href="order.html">在线预约</a>|
				<a href="javascript:void(0)">联系我们</a>
				<p>中国·深圳·宝安中心区·宝源路F518时尚创意园13栋汇所</p>
			</div>
			<div class="footer_olm_friend">
				<div class="w clearfix">
					<div class="f_right friend">
						<a href="javascript:void(0)"><img src="./images/sina.png" alt="" /></a>
						<a href="javascript:void(0)"><img src="./images/weibo.png" alt="" /></a>
						<a href="javascript:void(0)"><img src="./images/weixin.png" alt="" /></a>
						<a href="javascript:void(0)"><img src="./images/qzone.png" alt="" /></a>
					</div>
				</div>
			</div>
		</footer>
		<!--footer end-->
	</body>
	<script src="./link/jquery/jquery.min.js"></script>
	<script src="./link/bootstrap-3.3.5-dist/js/bootstrap.js"></script>
	<script src="./js/index.js"></script>
</html>
